cascading style sheets reference

ריפוד

בעזרת CSS-ים כל אלמנט יכול לקבל ריפוד. הריפוד הוא הרווח שבין קצה האלמנט (הגבול שלו) והתכנים שבו. ריפוד יכול להיעשות לשמאל, למעלה, למטה, לימין של כל אלמנט שהוא. תכונות הריפוד הן:

• padding-top (ריפוד-עליון)
• padding-left (ריפוד-שמאל)
• padding-bottom (ריפוד-תחתון)
• padding-right (ריפוד-ימין)
• padding (ריפוד)

ריפוד-עליון, ריפוד-שמאל, ריפוד-תחתון, ריפוד-ימין, ריפוד

מה הם עושים?

תכונות הריפוד קובעות את הריפוד העליון, התחתון, הימני והשמאלי וכל ריפוד שהוא, בהתאמה.

ערכים אפשריים

ניתן להגדיר ריפוד כאחוז, כאורך או בעזרת השימוש במילת המפתח auto.

הריפוד אינו יכול לקבל ערכים שליליים.

אחוזים

ערך ריפוד אחוזי קובע את הריפוד המושפע ממנו לאותו האחוז של רוחב האלמנט ההורה. לדוגמא, ריפוד-ימין:

padding-right: 20%

20% קובע את רוחב הריפוד הימני לרוחב האלמנט המכיל את האלמנט. הדבר נכון גם לגבי ריפוד-עליון וריפוד-תחתון.

ערכיי אורך

אנו מתייחסים ללערכיי אורך בפרוטרוט בחלק שלנו על ערכים. בעזרת ערכיי אורך ניתן לקבוע את הריפוד לערך מוחלט, או לערך היחסי לגודל האלמנט עצמו.

ערכים של ברירת מחדל

אם לא הוגדר כל ערך לריפוד, ריפוד האלמנט יהיה אפס. כלומר, לא יהיה רווח בין קצה האלמנט והתכנים שלו.

האם זה עובר בירושה?

האלמנט אינו יורש את תכונת הריפוד מן האלמנט המכיל אותו.

רמזים והצעות

ניתן להשתמש בריפוד על מנת להשיג תוצאות זהות לאתה של תכונות המיקום שעליהן נדבר למטה ושוליים (שדיברנו עליהן כבר למעלה).